<template>
    <div class="home-type">
        <p>{{type.title}}
            <router-link tag="span" :to="'/movie/'+ titletype " >更多>></router-link>
        </p>
        <div class="type-list">
            <movie-list v-for="item of (type.subjects)" :key="item.id" :list="item"></movie-list>
        </div>
    </div>
</template>
<script>
import MovieList from '../../../components/List'
export default {
    name:"HomeType",
    props:{
        type:{
            type:Object
        },
        titletype:{  
            type:String      
        }
    },
   
    components:{
        MovieList,
    }
}
</script>
<style lang="scss" scoped>
    .home-type{
        margin-bottom: 20px;
        background: #fff;
        padding:10px;
        p{
            line-height: 80px;
            position: relative;
            span{
                position: absolute;
                right: 0px;
            }
        };
        .type-list{
            display: flex;
            justify-content: space-between;
        }
    }
</style>

